@charset "UTF-8";
/*导航栏样式*/
body, html {
    height: 100%;
    width: 100%
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none
}

.nav > li > a {
    position: relative;
    display: block;
    font-size: 15px
}

.nav.navbar-nav {
    padding-left: 20px;
    margin-left: 50px
}

.navbar-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20
}

.navbar-wrapper > .container {
    padding-right: 0;
    padding-left: 0
}

.navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px
}

.navbar-wrapper .navbar .container {
    width: auto
}

.navbar .navbar-toggle {
    border-color: #383737
}

.navbar .navbar-toggle .icon-bar {
    background-color: #383737
}

.navbar-nav li {
    border-top: 6px solid transparent;
    background: transparent;
    transition: all 1.2s
}

.navbar-nav li a {
    color: #FFF
}

.navbar-nav li.active a, .navbar-nav li:hover a {
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #00B0FE
}

.navbar-nav li.active {
    border-color: #00B0FE;
    background: url(../../images/dxwx/navBg.png) top center no-repeat;
}

.navbar-nav li.active a {
    font-weight: bolder;
}

.navbar-header {
    height: 139px
}

.navbar-brand {
    height: 100%
}

.navbar-brand img {
    margin-top: 43px
}

ul.nav.navbar-nav {
    height: 139px
}

ul.nav.navbar-nav li {
    height: 139px;
    line-height: 139px;
    box-sizing: border-box;
    cursor: pointer;
}

ul.nav.navbar-nav li a {
    display: inline-block;
    font-size: 15px
}

ul.nav.navbar-nav.pull-right li:hover {
    border-color: transparent;
    background: 0 0
}

ul.nav.navbar-nav.pull-right li:hover a {
    color: #fff
}

.searchIcon {
    display: block;
    height: 50px;
    margin: 45px 18px 0 0;
    width: 100%;
    background: url(../../images/common/searchIcon.png) center center no-repeat
}

#navbar .nav.navbar-nav .weixin {
    display: block;
    height: 18px;
    width: 21px;
    margin: 55px 10px 0 0;
    background: url(../../images/common/weixin.png) center center no-repeat
}

#navbar .nav.navbar-nav .en {
    display: block;
    height: 16px;
    width: 17px;
    margin: 55px 5px 0 0;
    background: url(../../images/common/en.png) center center no-repeat
}

#navbar .nav.navbar-nav .nav.navbar-nav.pull-right .line {
    display: inline-block;
    height: 18px;
    width: 1px;
    background: #fff;
    padding: 0;
    margin: 60px 15px 0 10px
}
.navbar-wrapper .navbar .nav.navbar-nav.pull-right   .wxBox{
    position:relative;
    transition:all .5s ease-in-out .2s;
    top:0;
    left:0;
}
.navbar-wrapper .navbar .nav.navbar-nav.pull-right   .wxBox:hover  .jtewm{
    opacity: 1;
}

.navbar-wrapper .navbar .nav.navbar-nav.pull-right .wxBox .jtewm{
    position:absolute;
    opacity:0;
    height:100px;
    width:100px;
    display:block;
    background: url(../../images/index/jtEwm.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    left:-28px;
    top:90px;
    z-index:99999;

}
.loginBtn{
    color:#fff;
    padding-right:10px;
}
/*大将风范样式*/
.djff {
    width: 100%;
    height: 100%;
    background: linear-gradient(-30deg, rgba(33, 65, 169, 1) 0, rgba(247, 32, 57, 1) 100%)
}

.djff .djffContent {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

.djff .djffBg, .djff .djffText {
    position: absolute;
    height: 100%;
    width: 100%
}

.djff .djffBg {
    width: 106%;
    height: 103%;
    top: 0;
    bottom: -3%;
    left: -3%;
    right: -3%;
    background: url(../../images/djff/djffBg.png) center center no-repeat;
    background-size: cover
}

.djff .textInner {
    height: 400px;
    width: 100%;
    position: absolute;
    top: calc((100% - 400px) / 2)
}

.djff .textInner .container {
    height: 400px;
    display: flex;
    justify-items: center;
    align-items: center;
    color: #fff
}

.djff .textInner .textContent .djffTextTitle span {
    font-size: 100px;
    font-size: 10rem;
    font-weight: 400;
    color: #fff;
    line-height: 45px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(Opacity=0);
    opacity: 0
}

.djff .textInner .textContent .djffSubtitle {
    font-size: 44px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 45px;
    margin-top: 48px;
}

.djff .djffBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 150px;
    width: 100%;
    background: url(../../images/djff/djffBg04.png) center center no-repeat;
    box-shadow: 0 0 0 0 rgba(8, 21, 65, .1);
    text-align: center;
    opacity: .9
}

.djff .djffBottom .djffBottomText {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1)
}

.djff .djffBottom .djffBottomText .box {
    font-size: 30px;
    vertical-align: middle;
    background: linear-gradient(to right, rgba(0, 150, 255, 1), rgba(0, 228, 255, 1));
    -webkit-background-clip: text;
    color: transparent
}

.djff .djffBottom .djffBottomInner {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: #fff
}

.djff .djffBottom .djffBottomInner > span {
    display: inline-block;
    vertical-align: middle
}

.djff .djffBottom .djffBottomInner .item {
    float: left
}

.djff .djffBottom .box {
    display: inline-block;
    height: 44px;
    overflow: hidden
}

.djff .djffBottom .box span {
    display: inline-block;
    vertical-align: middle;
    background: linear-gradient(to right, rgba(0, 150, 255, 1), rgba(0, 228, 255, 1));
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    width: 18px;
    height: 44px;
    font-size: 30px;
    line-height: 44px
}

.djff .djffBottom .box .sign-box span {
    width: 15px
}

.djff .djffBottom .box .digit-container {
    width: 25px;
    text-align: center;
    overflow: hidden;
    font-size: 0
}

.djff .djffBottom .box .l, .djff .djffBottom .box .m, .djff .djffBottom .box .r {
    float: left
}

/*公司产品样式*/
.companyProducts {
    padding-top: 110px;
    height: 1040px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.companyProducts .companyProductsHeader {
    text-align: center
}

.companyProducts .companyProductsHeader .line {
    width: 100%;
    height: 1px;
    background: rgba(230, 230, 230, 1);
    margin-top: 40px
}

.companyProducts .companyProductsHeader .itemTitle {
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: 700;
    color: #191919
}

.companyProducts .companyProductsHeader .itemTitleEn {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #191919;
    margin-top: 10px
}

.companyProducts .companyProductsContent {
    margin-top: 44px;
    position: relative;
    height: 704px
}

.companyProducts .companyProductsContent .productsScroll {
    height: 100%;
    width: 100%
}

.companyProducts .companyProductsContent .productsScroll .swiper-father {
    height: 100%;
    width: 100%;
    position: relative
}

.companyProducts .companyProductsContent .productsScroll .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.companyProducts .companyProductsContent .productsScroll .item {
    position: relative;
    width: 384px;
    height: 704px;
    margin: 0 auto;
    overflow: hidden
}

.companyProducts .companyProductsContent .productsScroll .item .itemImg {
    height: 337px;
    width: 100%;
    position: relative;
}

.companyProducts .companyProductsContent .productsScroll .item .itemImg .mask {
    height: 100%;
    width: 100%;
    padding:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../images/djff/productHover_bg.png) center center no-repeat;
    background-size: cover;
    opacity: 0;
    overflow: visible;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}

.companyProducts .companyProductsContent .productsScroll .item .itemImg:hover .mask {
    opacity: 1;
}

.companyProducts .companyProductsContent .productsScroll .item .itemImg .mask .maskTitle {

    font-size: 24px;
    font-weight: 400;
    color: rgba(11, 47, 177, 1);
    position: absolute;
    top: 50px;
    left: 40px;

}

.companyProducts .companyProductsContent .productsScroll .item .itemImg .mask .maskSubtitle {
    font-size: 16px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    position: absolute;
    top: 90px;
    left: 40px;
    right:20px;
    text-align:justify;


}

.companyProducts .companyProductsContent .productsScroll .item .itemImg .mask .maskDetails {
    font-size: 14px;
    font-weight: 400;
    color: rgba(26, 26, 26, 1);
    position: absolute;
    top:125px;
    left:40px;
    right:40px;

    line-height:26px;
    text-align:justify;
}

.companyProducts .companyProductsContent .productsScroll .item .itemImg .itemIcon {
    height: 60px;
    width: 60px;
    position: absolute;
    top: 139px;
    left: 41px
}

.companyProducts .companyProductsContent .productsScroll .item .itemImg .itemText {
    position: absolute;
    top: 219px;
    left: 42px
}

.companyProducts .companyProductsContent .productsScroll .item .itemImg .itemText .itemTextTitle {
    font-size: 24px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1)
}

.companyProducts .companyProductsContent .productsScroll .item .itemImg .itemText .itemTextSubtitle {
    font-size: 16px;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    margin-top: 14px
}

.companyProducts .companyProductsContent .productsScroll .item .itemImg2 {
    margin-top: 30px
}

.companyProducts .companyProductsContent .productsScroll .item.item1 .itemImg {
    background: url(../../images/djff/productBg01.png) center center no-repeat;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll .item.item1 .itemImg2 {
    background: url(../../images/djff/productBg04.png) center center no-repeat;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll .item.item2 .itemImg {
    background: url(../../images/djff/productBg02.png) center center no-repeat;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll .item.item2 .itemImg2 {
    background: url(../../images/djff/productBg05.png) center center no-repeat;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll .item.item3 .itemImg {
    background: url(../../images/djff/productBg03.png) center center no-repeat;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll .item.item3 .itemImg2 {
    background: url(../../images/djff/productBg06.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item4 .itemImg {
    background: url(../../images/djff/productBg01.png) center center no-repeat;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll .item.item4 .itemImg2 {
    background: url(../../images/djff/productBg04.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item5 .itemImg {
    background: url(../../images/djff/productBg02.png) center center no-repeat;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll.item.item5 .itemImg2 {
    background: url(../../images/djff/productBg02.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item6 .itemImg {
    background: url(../../images/djff/productBg03.png) center center no-repeat;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll .item.item6 .itemImg2 {
    background: url(../../images/djff/productBg06.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item7 .itemImg {
    background: url(../../images/djff/productBg01.png) center center no-repeat;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll .item.item7 .itemImg2 {
    background: url(../../images/djff/productBg04.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item8 .itemImg {
    background: url(../../images/djff/productBg02.png) center center no-repeat;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll.item.item8 .itemImg2 {
    background: url(../../images/djff/productBg02.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item9 .itemImg {
    background: url(../../images/djff/productBg03.png) center center no-repeat;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll .item.item9 .itemImg2 {
    background: url(../../images/djff/productBg06.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item1 .itemImg .itemIcon {
    background: url(../../images/djff/productIcon01.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item1 .itemImg2 .itemIcon {
    background: url(../../images/djff/productIcon04.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item2 .itemImg .itemIcon {
    background: url(../../images/djff/productIcon02.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item2 .itemImg2 .itemIcon {
    background: url(../../images/djff/productIcon05.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item3 .itemImg .itemIcon {
    background: url(../../images/djff/productIcon03.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item3 .itemImg2 .itemIcon {
    background: url(../../images/djff/productIcon06.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item4 .itemImg .itemIcon {
    background: url(../../images/djff/productIcon10.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item4 .itemImg2 .itemIcon {
    background: url(../../images/djff/productIcon14.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item5 .itemImg .itemIcon {
    background: url(../../images/djff/productIcon15.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item5 .itemImg2 .itemIcon {
    background: url(../../images/djff/productIcon12.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item6 .itemImg .itemIcon {
    background: url(../../images/djff/productIcon11.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item6 .itemImg2 .itemIcon {
    background: url(../../images/djff/productIcon13.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item7 .itemImg .itemIcon {
    background: url(../../images/djff/productIcon10.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item7 .itemImg2 .itemIcon {
    background: url(../../images/djff/productIcon08.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item8 .itemImg .itemIcon {
    background: url(../../images/djff/productIcon09.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .item.item8 .itemImg2 .itemIcon {
    background: url(../../images/djff/productIcon09.png) center center no-repeat;
    background-size: 100%
}

.companyProducts .companyProductsContent .productsScroll .swiper-button-next, .companyProducts .companyProductsContent .productsScroll .swiper-button-prev {
    top: 50%;
    height: 50px;
    width: 50px
}

.companyProducts .companyProductsContent .productsScroll .swiper-father .swiper-button-prev {
    left: -80px;
    background: url(../../images/djff/slideLeft.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.companyProducts .companyProductsContent .productsScroll .swiper-father .swiper-button-next {
    right: -80px;
    background: url(../../images/djff/slideRight.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.companyProducts .companyProductsContent .itemBox {
    height: 300px;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.companyProducts .companyProductsContent .itemBox .itemImg {
    height: 260px;
    width: 100%;
    background-size: cover;
    position: relative
}

.companyProducts .companyProductsContent .itemBox .itemImg .itemIcon {
    position: absolute;
    height: 60px;
    width: 60px;
    top: 139px;
    left: 41px;
    background: url(../../images/djff/productIcon01.png) center center no-repeat;
    background-size: 100%;
    z-index: 999999
}

.companyProducts .companyProductsContent .itemBox .itemImg:hover .itemShadow {
    background: rgba(255, 255, 255, .6);
    color: #0b2fb1
}

.companyProducts .companyProductsContent .itemBox .itemImg:hover .itemText small {
    color: #999
}

.companyProducts .companyProductsContent .itemBox .itemImg:hover .itemText small.detailText {
    color: #1a1a1a
}

.companyProducts .companyProductsContent .itemBox.itemBox1 .itemImg {
    background: url(../../images/djff/productBg01.png) center center no-repeat
}

.companyProducts .companyProductsContent .itemBox.itemBox2 .itemImg {
    background: url(../../images/djff/productBg02.png) center center no-repeat
}

.companyProducts .companyProductsContent .itemBox.itemBox3 .itemImg {
    background: url(../../images/djff/productBg03.png) center center no-repeat
}

.companyProducts .companyProductsContent .itemBox.itemBox4 .itemImg {
    background: url(../../images/djff/productBg04.png) center center no-repeat
}

.companyProducts .companyProductsContent .itemBox.itemBox5 .itemImg {
    background: url(../../images/djff/productBg02.png) center center no-repeat
}

.companyProducts .companyProductsContent .itemBox.itemBox6 .itemImg {
    background: url(../../images/djff/productBg06.png) center center no-repeat
}

.companyProducts .companyProductsContent .itemShadow {
    position: absolute;
    height: 100%;
    width: 100%;
    transition: all 1.3s;
    opacity: .9;
    box-shadow: 0 20px 20px 0 RGBA(10, 15, 127, .3)
}

.companyProducts .companyProductsContent .itemBox1 .itemShadow {
    background: linear-gradient(135deg, RGBA(11, 57, 189, 1), rgba(211, 79, 141, 1))
}

.companyProducts .companyProductsContent .itemBox2 .itemShadow {
    background: linear-gradient(135deg, RGBA(11, 57, 189, 1), rgba(211, 79, 141, 1))
}

.companyProducts .companyProductsContent .itemBox3 .itemShadow {
    background: linear-gradient(135deg, RGBA(11, 57, 189, 1), rgba(211, 79, 141, 1))
}

.companyProducts .companyProductsContent .itemBox4 .itemShadow {
    background: linear-gradient(135deg, RGBA(11, 57, 189, 1), rgba(211, 79, 141, 1))
}

.companyProducts .companyProductsContent .itemBox5 .itemShadow {
    background: linear-gradient(135deg, RGBA(11, 57, 189, 1), rgba(211, 79, 141, 1))
}

.companyProducts .companyProductsContent .itemBox6 .itemShadow {
    background: linear-gradient(135deg, RGBA(11, 57, 189, 1), rgba(211, 79, 141, 1))
}

.companyProducts .companyProductsContent .itemShadow .itemText {
    height: 100%;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;
    font-size: 2.4rem;
    font-size: 24px;
    color: #fff;
    word-break: break-all;
    word-wrap: break-word
}

.companyProducts .companyProductsContent .itemShadow .itemText small {
    display: block;
    margin-top: 8px;
    font-size: 1.6rem;
    font-size: 16px;
    color: #9fb3ff
}

/*公司行业样式*/
.companyIndustry {
    padding-top: 110px;
    height: auto;
    width: 100%;
    background: url(../../images/djff/djffBg03.png) center center no-repeat;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.companyIndustry .companyIndustryHeader {
    text-align: center
}

.companyIndustry .companyIndustryHeader .line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 1);
    opacity: .3;
    margin-top: 40px
}

.companyIndustry .companyIndustryHeader .itemTitle {
    font-size: 34px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1)
}

.companyIndustry .companyIndustryHeader .itemTitleEn {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    margin-top: 10px
}

.companyIndustry .companyIndustryContent {
    height: 654px;
    margin-top: 108px
}

@media (min-width: 1200px) {
    .companyIndustry .companyIndustryContent .slide_point {
        width: 1170px
    }
}

@media (min-width: 992px) {
    .companyIndustry .companyIndustryContent .slide_point {
        width: 970px
    }
}

@media (min-width: 768px) {
    .companyIndustry .companyIndustryContent .slide_point {
        width: 750px
    }
}

.companyIndustry .companyIndustryContent .slide {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.companyIndustry .companyIndustryContent .slide .swiper-button-next, .companyIndustry .companyIndustryContent .slide .swiper-button-prev {
    top: 30%;
    height: 50px;
    width: 50px
}

.companyIndustry .companyIndustryContent .slide .swiper-button-prev {
    left: 100px;
    background: url(../../images/djff/slideLeft1.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.companyIndustry .companyIndustryContent .slide .swiper-button-next {
    right: 100px;
    background: url(../../images/djff/slideRight1.png) center center no-repeat;
    -webkit-background-size: cover;                         
    background-size: cover
}

.companyIndustry .companyIndustryContent .slide .swiper-button-next {
    right: 100px
}

.companyIndustry .companyIndustryContent .slide_point {
    width: 1170px;
    height: 100%;
    margin: 0 auto
}

.companyIndustry .companyIndustryContent .slide_cont {
    width: 100%;
    height: 100%
}

.companyIndustry .companyIndustryContent .slide_cont ul li {
    float: left;
    height: 524px
}

.companyIndustry .companyIndustryContent .slide_cont ul li img {
    display: block;
    width: 1000px;
    height: 310px;
    margin: 0 auto;
    margin-top: 156px
}

.companyIndustry .companyIndustryContent .slide_cont ul li .aa {
    width: 1000px;
    height: 310px;
    margin: 0 auto;
    margin-top: 156px
}

.companyIndustry .companyIndustryContent .slide_point {
    width: 1170px;
    margin: 0 auto;
    height: 64px ;
    cursor: pointer
}

.companyIndustry .companyIndustryContent .slide_point .cur_point, .slide_point .item:hover {
    height: 64px;
    cursor: pointer
}

.companyIndustry .companyIndustryContent .companyIndustry .companyIndustryContent .wrap {
    width: 100%;
    height: 654px;
    margin: 0 auto 0
}

.companyIndustry .companyIndustryContent .slide_point {
    height: 370px;
    width: 1170px;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.companyIndustry .companyIndustryContent .swiper-slide .item {
    width: 280px;
    height: 350px;
    margin: 0;
    background: RGBA(255, 255, 255, 1);
    -webkit-box-shadow: 0 0 0 0 rgba(20, 3, 73, .1);
    -moz-box-shadow: 0 0 0 0 rgba(20, 3, 73, .1);
    box-shadow: 0 0 0 0 rgba(20, 3, 73, .1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-items: center;
    margin-top: 10px
}

.companyIndustry .companyIndustryContent .swiper-slide.swiper-slide-thumb-active {
    height: 370px;
    background: #fff ;
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;

}

.companyIndustry .companyIndustryContent .swiper-slide.swiper-slide-thumb-active .item {
    height: 370px;
    width: 300px;
    cursor: pointer;
    margin-top: 0;
    transform: translate3d(0, 13px, 0);
    -ms-transform: translate3d(0, 13px, 0);
    -moz-transform: translate3d(0, 13px, 0);
    -webkit-transform: translate3d(0, 13px, 0);
    -o-transform: translate3d(0, 13px, 0)
}

.companyIndustry .companyIndustryContent .slide_point .item .itemInner {
    height: 150px;
    width: 100%;
    text-align: center
}

.companyIndustry .companyIndustryContent .slide_point .item .itemInner .iconTitle {
    font-size: 20px;
    font-weight: 400;
    color: rgba(63, 63, 63, 1);
    margin-top: 30px
}

.companyIndustry .companyIndustryContent .slide_point .item .itemInner .iconText {
    font-size: 16px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 17px;
    margin-top: 15px
}

.companyIndustry .companyIndustryContent .gallery-top .swiper-slide img { /*height:100%;width:auto;*/
    margin-top: 35px
}

.companyIndustry .companyIndustryContent .gallery-top .swiper-slide .imgInner {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.companyIndustry .companyIndustryContent .slide_point .point1 .slideIcon {
    height: 85px;
    width: 100px;
    background: url(../../images/djff/slideIcon01.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: calc((100% - 98px) / 2)
}

.companyIndustry .companyIndustryContent .slide_point .point2 .slideIcon {
    height: 85px;
    width: 100px;
    background: url(../../images/djff/slideIcon02.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin-left: calc((100% - 98px) / 2)
}

.companyIndustry .companyIndustryContent .slide_point .point3 .slideIcon {
    height: 85px;
    width: 100px;
    background: url(../../images/djff/slideIcon03.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: calc((100% - 98px) / 2)
}

.companyIndustry .companyIndustryContent .slide_point .point1 .slideIcon {
    height: 85px;
    width: 100px;
    background: url(../../images/djff/slideIcon01.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: calc((100% - 98px) / 2)
}

.companyIndustry .companyIndustryContent .slide_point .point2 .slideIcon {
    height: 85px;
    width: 100px;
    background: url(../../images/djff/slideIcon02.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: calc((100% - 98px) / 2)
}

.companyIndustry .companyIndustryContent .slide_point .point3 .slideIcon {
    height: 85px;
    width: 100px;
    background: url(../../images/djff/slideIcon03.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: calc((100% - 98px) / 2)
}

.companyIndustry .companyIndustryContent .slide_point .point4 .slideIcon {
    height: 85px;
    width: 100px;
    background: url(../../images/djff/slideIcon05.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: calc((100% - 98px) / 2)
}

.companyIndustry .companyIndustryContent .slide_point .point5 .slideIcon {
    height: 85px;
    width: 100px;
    background: url(../../images/djff/slideIcon06.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: calc((100% - 98px) / 2)
}

.companyIndustry .companyIndustryContent .slide_point .point6 .slideIcon {
    height: 85px;
    width: 100px;
    background: url(../../images/djff/slideIcon07.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: calc((100% - 98px) / 2)
}

.companyIndustry .companyIndustryContent .slide_point .point7 .slideIcon {
    height: 85px;
    width: 100px;
    background: url(../../images/djff/slideIcon04.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: calc((100% - 98px) / 2)
}

.companyIndustry .companyIndustryContent .slide_cont {
    margin-top: 129px;
    height: 155px;
    position: relative;
    background: #fff
}

.companyIndustry .companyIndustryContent .slide_cont .core {
    position: absolute;
    width: 66px;
    height: 67px;
    background: #fff;
    z-index: 0;
    top: -28px;
    left: calc((100% - 66px) / 2);
    transform: rotate(45deg)
}

.companyIndustry .companyIndustryContent .slide_cont ul li img {
    margin-top: 4px;
    margin-left: 0;
    width: 100%;
    height: 155px
}

.companyIndustry .companyIndustryContent .slide_cont ul li {
    height: 155px;
    margin-bottom: 0
}

.companyIndustry .companyIndustryContent .s_map area {
    outline: 0
}

/*荣誉资质样式*/
.intellectualProperty {
    padding-top: 110px;
    height: 1044px;
    background: #f1f4ff;
    background: url(../../images/djff/djffBg05.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.intellectualProperty .intellectualPropertyHeader {
    text-align: center
}

.intellectualProperty .intellectualPropertyHeader .line {
    width: 100%;
    height: 1px;
    background: rgba(230, 230, 230, 1);
    margin-top: 40px
}

.intellectualProperty .intellectualPropertyHeader .itemTitle {
    font-size: 34px;
    font-weight: 700;
    color: RGBA(25, 25, 25, 1)
}

.intellectualProperty .intellectualPropertyHeader .itemTitleEn {
    font-size: 14px;
    font-weight: 400;
    color: rgba(25, 25, 25, 1);
    margin-top: 10px
}

.intellectualProperty .intellectualPropertyContent {
    position: relative;
    margin-top: 80px
}

.intellectualProperty .intellectualPropertyContent .propertyScroll {
    height: 712px;
    width: 100%
}

.propertyScroll .swiper-father {
    width: 106%;
    height: 100%;
    position: relative
}

.propertyScroll .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.intellectualProperty .intellectualPropertyContent .swiper-slide .item {
    position: relative;
    width: 217px;
    height: 648px;
    margin: 0 auto
}

.intellectualProperty .intellectualPropertyContent .swiper-slide.horizontal .item {
    position: relative;
    width: 250px;
    height: 219px;
    margin: 0 auto
}

.intellectualProperty .intellectualPropertyContent .swiper-slide.horizontal .item .itemImg {
    width: 250px;
    height: 182px
}

.intellectualProperty .intellectualPropertyContent .swiper-slide .item .itemImg {
    width: 100%;
    height: 304px;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
}

.intellectualProperty .intellectualPropertyContent .swiper-slide .item .itemImg img {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.intellectualProperty .intellectualPropertyContent .swiper-slide .item .itemImg:last-child {
    margin-top: 0
}

.intellectualProperty .intellectualPropertyContent .swiper-slide .item img {
    max-width: 100%;
    max-height: 100%
}

.intellectualProperty .intellectualPropertyContent .swiper-button-next, .intellectualProperty .intellectualPropertyContent .swiper-button-prev {
    top: 50%;
    height: 50px;
    width: 50px
}

.intellectualProperty .intellectualPropertyContent .propertyScroll .swiper-father .swiper-button-prev {
    left: -60px;
    background: url(../../images/djff/slideLeft.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.intellectualProperty .intellectualPropertyContent .propertyScroll .swiper-father .swiper-button-next {
    right: -60px;
    background: url(../../images/djff/slideRight.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.layui-layer-content img {
    height: 100%;
    width: 100%;
}

/*合作伙伴样式*/
.cooperativePartner {
    padding-top: 126px;
    height: 945px;
    position: relative;
    background: url(../../images/djff/djffBg02.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cooperativePartner .cooperativePartnerHeader {
    text-align: center;
    margin-top: 81px
}

.cooperativePartner .cooperativePartnerHeader .line {
    width: 100%;
    height: 1px;
    background: rgba(230, 230, 230, 1);
    opacity: .2;
    margin-top: 40px
}

.cooperativePartner .cooperativePartnerHeader .itemTitle {
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    line-height: 45px
}

.cooperativePartner .cooperativePartnerHeader .itemTitleEn {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 45px;
    margin-top: 10px
}

.cooperativePartner .partnerShadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.cooperativePartner .cooperativeTitle {
    font-size: 1.6rem;
    text-align: center;
    color: rgba(255, 255, 255, 1)
}

.cooperativePartner .cooperativeTitle span {
    font-size: 37px;
    vertical-align: text-before-edge;
    background: linear-gradient(90deg, RGBA(0, 150, 255, 1), #c71585);
    -webkit-background-clip: text;
    color: transparent
}

.cooperativePartner .cooperativePartnerContent .partnerContent {
    height: 384px;
    width: 100%;
    margin-top: 135px
}

.cooperativePartner .cooperativePartnerContent .partnerContent .item {
    height: 100%
}

.cooperativePartner .cooperativePartnerContent .partnerContent .item1 {
    background: url(../../images/djff/coop01.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.cooperativePartner .cooperativePartnerContent .partnerContent .item2 {
    background: url(../../images/djff/coop02.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.cooperativePartner .cooperativePartnerContent .partnerContent .item3 {
    background: url(../../images/djff/coop03.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.cooperativePartner .cooperativePartnerContent .partnerContent .item4 {
    background: url(../../images/djff/coop04.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.cooperativePartner .cooperativePartnerContent .partnerContent .item5 {
    background: url(../../images/djff/coop05.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.cooperativePartner .cooperativePartnerContent .partnerContent .item6 {
    background: url(../../images/djff/coop06.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

/*footer样式*/
.footer {
    height: 411px;
    width: 100%;
    background: url(../../images/common/footBg.png) center center no-repeat;
    background-size: cover
}

.footer .footTitle {
    margin-top: 60px
}

.footer .footContent {
    margin-top: 60px
}

.footer .footContent .footItems {
    font-size: 16px;
    font-weight: 400;
    color: rgba(171, 205, 255, 1)
}

.footer .footContent .footItem {
    margin-top: 30px
}

.footer .footContent .footItem a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: rgba(97, 135, 190, 1);
    margin-bottom: 12px
}

.footer .footContent .line {
    border-left: 1px solid rgba(255, 255, 255, .2);
    border-left: 1px solid rgba(255, 255, 255, .2)
}

.footer .footContent .ewm {
    color: #6187BE;
    font-size: 14px;
    margin-top: -30px
}

.footer .footContent img {
    margin-top: 10px;
    border-radius: 5px
}

.footer .segmenLine {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .2);
    margin-top: 30px
}

.footer .footText {
    margin-top: 12px;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 12px
}



.wellBg{background-size: cover;height: 100%;}
.well_bg1{background: url(../../images/djff/productBg01.png) center center no-repeat;}
.well_bg2{background: url(../../images/djff/productBg02.png) center center no-repeat;}
.well_bg3{background: url(../../images/djff/productBg03.png) center center no-repeat;}
.well_bg4{background: url(../../images/djff/productBg04.png) center center no-repeat;}
.well_bg5{background: url(../../images/djff/productBg05.png) center center no-repeat;}
.well_bg6{background: url(../../images/djff/productBg06.png) center center no-repeat;}


.hover_bg1{background: url(../../images/djff/productHover_bg1.jpg) center center no-repeat;}
.hover_bg2{background: url(../../images/djff/productHover_bg2.jpg) center center no-repeat;}
.hover_bg3{background: url(../../images/djff/productHover_bg3.jpg) center center no-repeat;}
.hover_bg4{background: url(../../images/djff/productHover_bg4.jpg) center center no-repeat;}
.hover_bg5{background: url(../../images/djff/productHover_bg5.jpg) center center no-repeat;}
.hover_bg6{background: url(../../images/djff/productHover_bg6.jpg) center center no-repeat;}

.padd_well{padding: 150px 40px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.font_gscp{font-size: 24px;    font-weight: 400;    color: rgba(255, 255, 255, 1);}
.font1_gscp{font-size: 16px;    color: rgba(255, 255, 255, 1);}
.paddb_15{padding-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.paddb_5{padding-bottom: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.font1_bm{font-size: 24px;      color: rgba(11, 47, 177, 1);}
.font2_bm{    font-size: 16px;       color: rgba(153, 153, 153, 1);}
.font3_bm{    font-size: 14px;     color: rgba(26, 26, 26, 1);}
@-webkit-keyframes flipOutYtest {
  from {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
  }

  40% {
    -webkit-transform: perspective(600px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(600px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(600px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(600px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(600px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(600px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.test{
  -webkit-animation: flipOutYtest 1s linear;
  animation: flipOutYtest 1s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(600px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(600px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(600px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(600px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(600px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(600px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
    opacity: 1;
  }
}

.test2{
  -webkit-animation: flipInYtest 1s linear;
  animation: flipInYtest 1s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



.welldjff{ width: 100%;  min-height: 250px;/*  margin: auto;
  min-width: 1250px;
  column-width: 250px;
  -webkit-column-width: 250px;
  -webkit-column-gap: 0px;
  column-gap: 0px;*/ margin-left: auto; margin-right: auto; height: auto; }

.welldjff .well-item{position: relative;float: left;width: 31.8%;height: 337px;margin: 0.5%;}

.correct{
  position: absolute;
  width: 100%;
  height: 100%;
}
.opposite{
  height: 100%;
  width: 100%;
}
.opposite div{
  /* min-height: 250px; */
  /* width: 100%; */
  height: 100%;
}
.opposite-content{
  display: table;
  width: 100%;
  height: 100%;
}
.opposite-content-text{line-height:20px;vertical-align: middle;padding:40px;color: white;font-size: 16px;height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
